<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
    <link rel="stylesheet" href="./xiaomi.css">
    <link rel="stylesheet" href="./ziti.css">
     <script src="./jquery"type="text/javascript"></script>
     <script src="./xiaomi.js/"type="text/javascript"></script>
    

</head>
<body>
       <div class="dingbu">
       	   <div class="toubu">   	     
       	   	    <div class="zuo">
       	   	     	  <a href="">小米网</a>
       	   	     	  <a href="">MIUI</a>
       	   	     	  <a href="">米聊</a>
       	   	     	  <a href="">游戏</a>
       	   	     	  <a href="">多看阅读</a>
       	   	     	  <a href="">云服务</a>      	   	     	
       	   	     	  <a href="">小米移动版</a>
       	   	     	  <a href="">小米反馈</a>     	   	     	  
                    <a href="">Select Region</a>
       	        </div>
       	   	    <div class="you">
       	   	    	  <a href="">登陆</a>
       	   	    	  <a href="">注册</a>    
                      <i class="iconfont">&#xe60c;</i>
                      <a href="">货物车</a>
                      <span>(0)</span>
       	   	    </div>
       	   </div>
       </div>
       
       <div class="waikuang">
       		<div class="daohang">
       			     <div class="tubiao">
       			     	<img src="img/01.png" alt="alttext" title="" />
       			     </div>
       			     <div class="daohang1">
           			     <ul>
                       <a href="">小米手机</a>
                       <a href="">红米</a>
                       <a href="">平板</a>
                       <a href="">电视·盒子</a>
                       <a href="">路由器</a>
                       <a href="">智能硬件</a>
                       <a href="">服务</a>
                       <a href="">社区</a>
                     </ul>
                 </div>   
       			     <div class="susuolan">
                       <div class="xiaokuang"></div>
                       <div class="xiaokuangitubiao">                                 
                            <p class="iconfont">&#xe616;</p>                 
                       </div>
       		       </div>
          </div>
       		<div class="lbo">
       			     <div class="zuotu">
                      <ul>
                          <li class="list"><a class="namen" href="">手机 平板 电话卡</a></li>
                          <li class="list"><a class="namen" href="">电视 盒子</a></li>
                          <li class="list"><a class="namen" href="">路由器 智能硬件</a></li>
                          <li class="list"><a class="namen" href="">移动电源 插线板</a></li>
                          <li class="list"><a class="namen" href="">耳机 音箱</a></li>
                          <li class="list"><a class="namen" href="">电池 存储卡</a></li>
                          <li class="list"><a class="namen" href="">保护套 后盖</a></li>
                          <li class="list"><a class="namen" href="">贴膜 其他配件</a></li>
                          <li class="list"><a class="namen" href="">米兔 服装</a></li>
                          <li class="list"><a class="namen" href="">箱包 其他周边</a></li>
                        </ul>  
                 
                 </div>
       			     <div class="youtu">
                   <img src="./img/2png.jpg" alt="">
                 </div>
       		</div>
       		<div class="kong"></div>
          <div class="xiaotu">
       			     <div class="xiaotu1">
                      <ul>                      
                          <li class="de"><a class="dr"href="">电信专场</a></li>
                          <li class="de"><a class="dr"href="">企业团购</a></li>
                          <li class="de"><a class="dr"href="">管翻产品</a></li>
                          <li class="de"><a class="dr"href="">小米移动</a></li>
                          <li class="de"><a class="dr"href="">以旧换新</a></li>
                          <li class="de"><a class="dr"href="">话费充值</a></li>
                      </ul>
                 </div>
       			     <div class="xiaotu2">
                      <img src="./img/3.jpg" alt="">
                 </div>
       			     <div class="xiaotu3">
                      <img src="./img/4.jpg" alt="">  
                 </div>
       			     <div class="xiaotu4">
                      <img src="./img/5.jpg" alt="">  
                 </div>
       		</div>
       		<div class="danpin">
                       <h2>小米明星单品</h2>                         
          </div>
       		<div class="danpinkuang">
                  <div class="cpa">
                         <img src="./img/6.jpg" alt="">
                         <a class="title" href="">小米手机4</a>
                         <p class="le">工艺和手感超乎想象</p>
                         <span class="ke">1299元起</span>
                  </div>
                  <div class="cpb">
                         <img src="./img/7.jpg" alt="">
                         <a class="title" href="">小米note女神版</a>                
                         <p class="le">科技与时尚的理想结合</p>
                         <span class="ke">1799元起</span>
                  </div>
                  <div class="cpc">
                         <img src="./img/8.jpg" alt="">
                         <a class="title"href="">小米移动电源</a>
                         <p class="le">高密度进口电芯，仅名片大小</p>
                         <span  class="ke">69元起</span>
                  </div>
                  <div class="cpd">
                         <img src="./img/9.jpg"alt ="">
                         <a class="title" href="">小米路由器mini</a>
                         <p class="le">主流双频AC智能路由器</p>
                         <span class="ke">129元起</span>
                  </div>
                  <div class="cpe">  
                         <img src="./img/10.png" alt="">
                         <a class="title" href="">小米盒子mini版(礼品装)</a>
                         <p class="le">10亿美金影视库，内容新增83%</p>
                         <span class="ke">199元起</span>
                  </div> 
            </div>       		
      </div>
      <div class="waikuang_2">
      <div class="waikuang_3">
                   <div class="yingjian">
                        <h2 class="biaoti">智能硬件</h2>
                        <a class="kankan" href="">查看全部</a>
                   </div>
                   <div class="yjcp">
                         <div class="yjcpzuo">
                           <img src="./img/11.jpg" alt="">
                         </div>
                         <div class="yjcpyou">
                           <ul>
                               <li class="lop"><a href="#"><img src="./img/12.jpg"></a>
                                    <p >小米体重秤</p>
                                    <p class="yj">高精度压力传感器丨手机管理全家健康</p>
                                    <p class="yj3"><span class="yj2">99元</span></p>
                                 </li> 
                               <li class="lop"><a href="#"><img src="./img/13.jpg"></a>
                                    <p >小米体重秤</p>
                                    <p class="yj">亮度自由调节 WIFI远程操作</p>
                                    <p class="yj3"><span class="yj2">59元</span></p>
                               </li>
                               <li class="lop"><a href="#"><img src="./img/14.jpg"></a>
                                    <p >小米水质TDS检测笔</p>
                                    <p class="yj">准确检测家中水质纯度</p>
                                    <p class="yj3"><span class="yj2">39元</span></p>
                               </li> 
                               <li class="lop"><a href="#"><img src="./img/15.jpg"></a>
                                    <p >小米路由器 青春版</p>
                                    <p class="yj">将高性能路由器 凝聚于掌心大小</p>
                                    <p class="yj3"><span class="yj2">79元</span></p>
                               </li> 
                               <li class="lop"><a href="#"><img src="./img/16.jpg"></a>
                                    <p >小蚁运动相机</p>
                                    <p class="yj">边玩边录边拍，手机随时分享</p>
                                    <p class=:"yj3"><span class="yj2">399元</span></p>
                               </li> 
                               <li class="lop"><a href="#"><img src="./img/17.jpg"></a>
                                    <p >小蚁智能摄像机</p>
                                    <p class="yj">能看能听能说，手机远程观看</p>
                                    <p class="yj3"><span class="yj2">149元</span></p>
                               </li> 
                               <li class="lop"><a href="#"><img src="./img/18.jpg"></a>
                                    <p >Yeelight床头灯</p>
                                    <p class="yj">触摸式操作，给卧室1600万种颜色</p>
                                    <p class="yj3"><span class="yj2">249元</span></p>
                               </li> 
                               <li class="lop"><a href="#"><img src="./img/19.jpg"></a>
                                    <p >小米智能家庭套装</p>
                                    <p class="yj">30多种智能玩法 3分钟快速安装</p>
                                    <P class="yj3"><span class="yj2">199元</span></P>
                               </li>  
                           </ul>
                         </div>
                   </div>
                   <div class="dapei">
                     <ui>
                       <li><h2 class="dp">搭配</h2></li>
                       <li><a class="dap1"href="">电池存储卡</a></li>
                       <li><a class="dap1"href="">电源</a></li>
                       <li><a class="dap1"href="">耳机音箱</a></li>
                       <li><a class="dap1"href="">热门</a></li>
                     </ui>
                   </div>
                   <div class="coll">
                      <div class="collz">
                         <ul>
                          <li><a class="zuocp1" href=""><img src="./img/20.jpg"></a></li>  
                          <li><a class="zuocp1" href=""><img src="./img/25.jpg"></a></li>
                         </ul>
                      </div>                            
                     <div class="colly">
                         <ul>
                           <li class="collycp">
                             <img src="./img/21.jpg" alt="">
                             <p>小米移动电源100000mAh</p>
                             <p class="cc">79元</p>
                             <p class="cr">12.1万人评价</p>
                           </li>
                           <li class="collycp">
                             <img src="./img/22.jpg" alt="">
                             <p>小米圈铁耳机</p>
                             <p class="cc">99元</p>
                             <p class="cr">7983人评价</p>
                           </li>
                           <li class="collycp">
                             <img src="./img/23.jpg" alt="">
                             <p>小米蓝牙耳机</p>
                             <p class="cc">79元</p>
                             <p class="cr">4.5万人评价</p>
                           </li>
                           <li class="collycp">
                             <img src="./img/24.jpg" alt="">
                             <p>小米插线板</p>
                             <p class="cc">49元</p>
                             <p class="cr">15.6万人评价</p>
                           </li>
                           <li class="collycp">
                             <img src="./img/26.jpg" alt="">
                             <p>小米蓝牙音响</p>
                             <p class="cc">199元</p>
                             <p class="cr">6151万人评价</p>
                           </li>
                           <li class="collycp">
                             <img src="./img/27.jpg" alt="">
                             <p>小钢炮蓝牙音响经典版</p>
                             <p class="cc">99元</p>
                             <p class="cr">9.5万人评价</p>
                           </li>
                           <li class="collycp">
                             <img src="./img/28.jpg" alt="">
                             <p>红米2红米2A能量套装</p>
                             <p>69元</p>
                             <p class="cr">12.1万人评价</p>
                           </li>
                           <li class="collycp">
                             <img src="./img/29.jpg" alt="">
                             <p>小米活塞耳机</p>
                             <p class="cc">79元</p>
                             <p class="cr">12.1万人评价</p>
                           </li>
                         </ul>
                     </div>
                      

         </div> 	
         </div>
</body>
</html>

